<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页制作</title>
    <link rel="stylesheet"  href="css/index.css">
    <!-- 版心 通栏 -->
</head>
<body>
    <div class="header total">
        <div class="logo"> </div>
        <div class="headerright">
            <ul>
                <li><a class="R">安利海外购</a></li>
                <li><a>掌上安利</a></li> 
                <li><a class="R">安利悦享荟</a></li>
                <li><a>安利植物研发中心</a></li>
                <li><a>各地店铺</a></li>
                <li><a class="noboder R">安利易联网</a></li>
            </ul>
            <div class="last">
                <input type="text" placeholder="搜索" class="R1" >
                <input type="submit" value="" class="R2" >
            </div>
        </div>
    </div>
    <div class="navigation">
        <ul class="total">
            <!-- 给ul设置居中 设置导航栏的话背景颜色不会是整个页面的宽度 且ul里面的li会在页面最左边 -->
            <li>走近安利 </li>
            <li>产品展馆</li>
            <li>公司资讯 </li>
            <li>企业责任 </li>
            <li>安利云购 </li>
            <li>其他</li>
        </ul>
    </div>
    
    <div class="banner">
        <!-- 这里banner不用加total 设置中心位置可以直接在图片上设置 -->
    </div>
    <div class="list total">
        <div class="pic">
            <div class="pho1"></div>
            <p>《总裁零距离》微站</p></div>
        <div class="pic">
            <div class="pho2"></div>
            <p>安利，值得选择</p></div>
        <div class="pic1">
            <div class="pho3"></div>
            <p>安利式体验 全心为您</p></div>
    </div>
    <div class="footer">
        <div class="f1 total">
            <ul>
                <li class="end">安利公益基金</li>
                <li class="end">安利培训中心</li>
                <li class="end">安利云购</li>
                <li class="end">安利轻创业</li>
                <li class="end">平台直销</li>
                <li class="end">信息披露</li>
                <li class="end">安利教育网</li>
                <li class="end">网站导航</li>
                <li class="end">安利全球官方网站</li>
                <li class="end">联系我们</li>
                <li class="end">企业证照</li>
                <li class="end">隐私声明条款</li>
            </ul>
        </div>
        <div class="f2 total">版权为安利（中国）日用品有限公司
            所有未经许可不得转载或链接，粤ICP备<p id="l1">05013154</p>号
        </div>
    </div>
</body>
</html>